﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Status0.aspx.cs" Inherits="WebApplication2.Web.ProjectStatus" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>策划中项目</title>
    <script src="../../lib/layui/layui.js"></script>
    <link href="../../css/font.css" rel="stylesheet" />
    <link href="../../css/xadmin.css" rel="stylesheet" />
    <script src="../../js/jquery-3.2.1.min.js"></script>
    <script src="../js/xadmin.js"></script>
    <script src="../js/public.js"></script>
    <script src="../../js/xadmin.js"></script>
    <script src="../js/cookie.js"></script>
</head>
<body>
    <table class="layui-hide" id="demo1" lay-filter="demo">
        <script type="text/html" id="option">
            <a class="layui-btn layui-btn-xs" lay-event="detail">详细</a>
            <a class="layui-btn layui-btn-xs layui-btn layui-btn-normal" lay-event="update">更新</a>
            <a class="layui-btn layui-btn-xs" lay-event="upload">上传图片</a>
            <a class="layui-btn layui-btn-xs layui-btn layui-btn-normal" lay-event="addItem">添加PR单</a>
        </script>
    </table>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        //初始化Table
        layui.use('table', function () {
            var table = layui.table;
            var layer = layui.layer;

            //监听‘操作’列里的按钮
            table.on('tool(demo)', function (obj) {
                var data = obj.data;
                if (obj.event === 'detail') {
                    //页面层
                    //初始化cookie
                    setCookieProjectObj(data);
                    x_admin_show('项目信息', './ProjectDetial.aspx');
               
                } else if (obj.event === 'update') {
                    setCookieProjectObj(data);
                    layer.open({
                        type: 2,
                        title: '状态更新',
                        shadeClose: true,
                        shade: false,
                        maxmin: true, //开启最大化最小化按钮
                        area: ['430px', '480px'],
                        content: './Update.aspx',
                    })
                }
                else if (obj.event === 'upload') {
                    setCookieProjectObj(data);
                    x_admin_show('上传图片', './UploadTest.aspx')
                   
                }
                else if (obj.event === 'addItem') {
                    setCookieProjectObj(data);
                    //layer.open({
                    //    type: 2,
                    //    title: '添加子项',
                    //    shadeClose: true,
                    //    shade: false,
                    //    maxmin: true, //开启最大化最小化按钮
                    //    area: ['430px', '480px'],
                    //    content: './AddItem.aspx',
                    //})
                    x_admin_show('添加子项',"./AddItem.aspx");
                }
            });


            ////监听行单击事件
            //table.on('row(demo)', function (obj) {
            //    setCookieProjectObj(data);
            //    x_admin_show('项目信息', './ProjectDetial.aspx');

            //});

            ////监听行双击事件
            //table.on('rowDouble(demo)', function (obj) {
            //    setCookieProjectObj(data);
            //    x_admin_show('项目信息', './ProjectDetial.aspx');
            //});


            // 查询所有数据
            var objEmLogin = new Object();
            objEmLogin.empAccount = 'admin';
            objEmLogin.pwd = '123456';

            myAjax("projectHandler.ashx", "queryInCehua", objEmLogin, true, function (data) {
                console.log(data);
                table.render({
                    elem: '#demo1'
                    , toolbar: 'true' //让工具栏左侧显示默认的内置模板
                    , cols: [[ //标题栏
                          { field: 'NewID', title: '项目编号', sort: true }
                        , { field: 'Id', title: '预算编号', sort: true }
                        , { field: 'InputTime', title: '引入日期' }
                        , { field: 'Name', title: '项目名' }
                        , { field: 'UserArea', title: '使用区域' }
                        , { field: 'ChargeMan', title: '负责人' }
                        , { field: 'Budget', title: '预算（元）' }
                        , { field: 'LessBudget', title: '剩余预算' }
                        //, { field: 'less', title: '操作', templet: "#less"}
                        , { field: 'Value', title: '项目总产值' }
                        , {
                            field: 'Status', title: '当前状态', templet: function (d) {
                                if (d.Status == 0) {
                                    return '测试状态'
                                }
                                else if (d.Status == 1) {
                                    return '评审与策划'
                                }
                                else if (d.Status == 2) {
                                    return '设计中'
                                }
                                else if (d.Status == 3) {
                                    return '加工中'
                                }
                                else if (d.Status == 4) {
                                    return '调试中'
                                }
                                else if (d.Status == 5) {
                                    return '已完成'
                                }
                                else if (d.Status == 6) {
                                    return '停止中'
                                }
                            }
                        }//此处使用了layui模板引擎
                        , { field: 'option', title: '操作', templet: "#option", unresize: true, width: 300 }

                    ]]

                    , data: data.Obj
                    , even: true
                    , page: true //是否显示分页
                    , limits: [5, 7, 10]
                    , limit: 10 //每页默认显示的数量
                });

            }, function () {
                layer.msg('发生了一些预期之外的错误，请检查网络是否能连接到服务器');
            });
        });
</script>
</body>
</html>
